const CommonConstants = Object.freeze({

  // 内部スクロールの高さ算出用各画面の固定部の高さ（px）
  SCROLL_FIXED_HIGHT: {
    //  14: ヘッダーリボン
    //  67: ヘッダーロゴ
    //  50: ホームヘッダー
    //   5: 質問数進捗バー
    //  92: フッターボタン
    //  68: 詳細タブ
    // 155: 健康・不健康バー（20: 上マージン）
    //  61: フッターリボン
    // WELCOME: 14 + 67 + 61,                        // 導入画面
    WELCOME: 1,                        // 導入画面
    // QUESTION: 14 + 67 + (50 + 5) + 72 + 61,       // 質問入力画面
    QUESTION: (67 + 5) + 72,       // 質問入力画面
    // REPORT: 14 + 67 + 50 + 72 + 61,               // 結果全体画面
    REPORT: 67 + 72,               // 結果全体画面
    // DETAIL: 14 + 67 + 50 + 68 + 61,               // 詳細タブ
    DETAIL: 67 + 68,               // 詳細タブ
    // ADVICE: 14 + 67 + 50 + 68 + 61,               // アドバイスタブ
    ADVICE: 67 + 68,               // アドバイスタブ
    // SIMULATION: 14 + 67 + 50 + 68 + (135 + 20) + 61,   // シミュレーションタブ
    SIMULATION: 67 + 68 + (135 + 20),   // シミュレーションタブ
  },

  // 表示小数点
  DECIMAL_DIGIT: 1,

  // スクロールz-indexスタイル
  SCROLL_Z: { zIndex: 500 },

  // シミュレーション・モーダル・ダイアログ
  SIMULATION_MODAL_SCROLL: {
    FIXED_HEIGHT: 260,
    CUSTOM_STYLE: { zIndex: 1400 },
  },

  // モーダル
  ALCOHOL_AMOUNT_CHANGE: 'alcoholAmountChange',
  EXERCISE_HABIT_CHANGE: 'exerciseHabitChange',

  // リスク判定
  RISK_LEVEL: {
    LOW: {
      level: 1,
      label: '低い',
      cssclass: 'risk-level-low',
    },
    A_LITTLE_HIGH: {
      level: 2,
      label: 'やや高い',
      cssclass: 'risk-level-a-little-high',
    },
    HIGH: {
      level: 3,
      label: '高い',
      cssclass: 'risk-level-high',
    },
  },

  // 飲酒関係入力画面INDEX（Q3, Q4, Q5）
  ALCOHOL_INDEXES: [2, 3, 4],

});

export default CommonConstants
